.content {
	display: flex;
	justify-content:flex-end;
	flex-direction: column;
	/* align-items: center; */
	width: 100%;
	height: 100%;
	/* padding: 20px; */
	background-color: #A4D8FF;
}
.ani-box {
	display: flex;
	flex-direction: row;
	justify-content: space-around;
	align-items: center;
	width: 100%;
	height: 100%;
	/* border: 1px solid #000000; */
}

.left{
	display:flex;
	flex-direction: column;
	justify-content: space-between;
	height: 90%;
	/* border: 1px solid #000000; */
}
.left-top{
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: center;
	font-size: 18px;
}
.left-bottom{
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: center;
	font-size: 15px;
}

.right{
	display:flex;
	flex-direction: column;
	justify-content: space-between;
	height: 90%;
	/* border: 1px solid #000000; */ 
}
.right-top{
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: center;
	font-size: 18px;
}
.right-bottom{
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: center;
	font-size: 18px;
}
.zero{
	padding: 10px;
	padding-left: 15px;
	padding-right: 15px;
	background-color: #CCE7FF;
	color: #FF5D1D;
	border-radius: 20px;
	margin-bottom: 20px;
}
.assess{
	padding: 10px;
	padding-left: 15px;
	padding-right: 15px;
	color: #0078FF;
	background-color:#CCE7FF;
	border-radius: 20px;
}
.center{
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-end;
	height: 100%;
	width: 400px;
	/* height: 200px; */
	background-image: url(../../../static/icon/training/bgImg.png);
	background-position: initial;
	background-size: cover;
}
.ball-img{
	transition: 1s;
}
.hand-box {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	width: 350px;
}

.hand {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	/* width: 400px; */
}
.hand-center{
	display: flex;
	justify-content: space-around;
	flex-direction: column;
	align-items: center;
}
.begin{
	padding: 10px;
	padding-left: 15px;
	padding-right: 15px;
	color: #FFFFFF;
	background-color: #2C71FF;
	border-radius: 20px;
	font-size: 18px;
}
.correct{
	margin-bottom: 10px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	font-size: 18px;
}
.end{
	margin-bottom: 10px;
	padding: 10px;
	padding-left: 15px;
	padding-right: 15px;
	color: #FFFFFF;
	background-color: #FF7327;
	border-radius: 20px;
	font-size: 18px;
}
.time{
	font-size: 18px;
}
